<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/1.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程一：如何真人建模</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/2.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程二：如何创作形象</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/3.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程三：如何整体造型</el-link>
          </a>
        </button>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/4.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程四：如何搭建环境</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/5.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程五：如何使用镜头</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/6.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程六：如何面部捕捉</el-link>
          </a>
        </button>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/7.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程七：如何制作海报和视频</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/8.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程八：如何动作驱动</el-link>
          </a>
        </button>
      </el-col>
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/9.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程九：如何AI播报</el-link>
          </a>
        </button>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :span="8">
        <button class="button_border">
          <a href="https://www.bilibili.com/video/BV1bG4y147PW/?spm_id_from=333.788&vd_source=1ed2a9e4c44b3a04d39f1aec7a82b793"><img class="img_size" src="@/assets/image/10.png">
            <el-link class="text_left_color" type="danger">NextHuman功能篇|教程十：如何直播推流</el-link>
          </a>
        </button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style>

.text_left_color {
  font-size: 18px;
  font-family: 华文宋体;
}

.img_size {
  width: 400px;
  height: 200px;
}
.button_border{
  background-color: #a2d2e0;
  border: none;
  outline: none;
}
</style>